<template>
  <div class="shareContainer" ref="shareContainer">
    <el-drawer
      title="新增计费产品"
      :visible.sync="editPopshowFlag"
      :direction="direction"
      :before-close="handleClose"
      :wrapperClosable="false"
      size="40%"
    >
      <div style="padding: 0 20px" class="form_content">
        <el-form :inline="true" :model="formInlineEdit" class="demo-form-inline">
          <div class="color_bg">
            <el-form-item label="报价名称">
              <el-input
                v-model="formInlineEdit.Quotationname"
                placeholder="报价名称"
              ></el-input>
            </el-form-item>
            <el-form-item label="报价类型">
              <el-select
                v-model="formInlineEdit.Quotationtype"
                placeholder="报价类型"
              ></el-select>
            </el-form-item>
            <el-form-item label="状态">
              <el-select
                v-model="formInlineEdit.type"
                placeholder="状态"
              ></el-select>
            </el-form-item>
            <el-form-item label="费用名称">
              <el-select
                v-model="formInlineEdit.Feename"
                placeholder="费用名称"
              ></el-select>
            </el-form-item>
            <el-form-item label="所属组织">
              <el-select
                v-model="formInlineEdit.Organization"
                placeholder="所属组织"
              ></el-select>
            </el-form-item>
            <el-form-item label="使用组织">
              <el-select
                v-model="formInlineEdit.Useorganization"
                placeholder="使用组织"
              ></el-select>
            </el-form-item>
          </div>
          <el-form-item label="产品类型">
            <el-select
              v-model="formInlineEdit.cplx"
              placeholder="产品类型"
            ></el-select>
          </el-form-item>
          <el-form-item label="送货方式">
            <el-select
              v-model="formInlineEdit.shfs"
              placeholder="送货方式"
            ></el-select>
          </el-form-item>
          <el-form-item label="运输方式">
            <el-select
              v-model="formInlineEdit.ysfs"
              placeholder="运输方式"
            ></el-select>
          </el-form-item>
          <el-form-item label="服务类型">
            <el-select
              v-model="formInlineEdit.fwlx"
              placeholder="服务类型"
            ></el-select>
          </el-form-item>
          <el-form-item label="发货人">
            <el-select
              v-model="formInlineEdit.fhname"
              placeholder="发货人"
            ></el-select>
          </el-form-item>
          <el-form-item label="发货公司">
            <el-select
              v-model="formInlineEdit.fhcommpany"
              placeholder="发货公司"
            ></el-select>
          </el-form-item>
          <el-form-item label="收货人">
            <el-select
              v-model="formInlineEdit.shname"
              placeholder="收货人"
            ></el-select>
          </el-form-item>
          <el-form-item label="收货公司">
            <el-select
              v-model="formInlineEdit.shcommpany"
              placeholder="收货公司"
            ></el-select>
          </el-form-item>
          <el-form-item label="货品类型">
            <el-select
              v-model="formInlineEdit.hptype"
              placeholder="货品类型"
            ></el-select>
          </el-form-item>
          <el-form-item label="货物名称">
            <el-select
              v-model="formInlineEdit.hwname"
              placeholder="货物名称"
            ></el-select>
          </el-form-item>
          <el-form-item label="货物包装">
            <el-select
              v-model="formInlineEdit.hwbz"
              placeholder="货物包装"
            ></el-select>
          </el-form-item>
          <el-form-item label="特殊货物">
            <el-select
              v-model="formInlineEdit.tshw"
              placeholder="特殊货物"
            ></el-select>
          </el-form-item>
          <el-form-item label="出发网点">
            <el-select
              v-model="formInlineEdit.cfwd"
              placeholder="出发网点"
            ></el-select>
          </el-form-item>
          <el-form-item label="线路出发网点">
            <el-select
              v-model="formInlineEdit.xlcfwd"
              placeholder="线路出发网点"
            ></el-select>
          </el-form-item>
          <el-form-item label="到货部">
            <el-select
              v-model="formInlineEdit.dhb"
              placeholder="到货部"
            ></el-select>
          </el-form-item>
          <el-form-item label="目的网点">
            <el-select
              v-model="formInlineEdit.mdwd"
              placeholder="目的网点"
            ></el-select>
          </el-form-item>
          <el-form-item label="车型">
            <el-select v-model="formInlineEdit.carx" placeholder="车型"></el-select>
          </el-form-item>
          <el-form-item label="车长">
            <el-select v-model="formInlineEdit.cchang" placeholder="车长"></el-select>
          </el-form-item>
          <el-form-item label="启用时间">
            <el-select
              v-model="formInlineEdit.qytime"
              placeholder="启用时间"
            ></el-select>
          </el-form-item>
          <el-form-item label="停用时间">
            <el-select
              v-model="formInlineEdit.tytime"
              placeholder="停用时间"
            ></el-select>
          </el-form-item>
          <el-form-item label="开单时间">
            <el-select
              v-model="formInlineEdit.kdtime"
              placeholder="开单时间"
            ></el-select>
          </el-form-item>
          <el-form-item label="温层">
            <el-select v-model="formInlineEdit.wenceng" placeholder="温层"></el-select>
          </el-form-item>
          <div class="kg_content">
            <el-form-item label="重量范围" style="color: red">
              <el-input v-model="formInlineEdit.minvalkg"></el-input
              ><i style="color: #606266; margin: 0 5px">&lt; 重量 &lt;=</i
              ><el-input v-model="formInlineEdit.maxvalkg"></el-input>
            </el-form-item>
            <el-form-item label="体积范围" style="color: red">
              <el-input v-model="formInlineEdit.mintjval"></el-input
              ><i style="color: #606266; margin: 0 5px">&lt; 体积 &lt;=</i
              ><el-input v-model="formInlineEdit.maxtjval"></el-input>
            </el-form-item>
            <el-form-item label="件数范围" style="color: red">
              <el-input v-model="formInlineEdit.minjsval"></el-input
              ><i style="color: #606266; margin: 0 5px">&lt; 件数 &lt;=</i
              ><el-input v-model="formInlineEdit.maxjsval"></el-input>
            </el-form-item>
            <el-form-item label="重泡比范围" style="color: red">
              <el-input v-model="formInlineEdit.minzpfanwei"></el-input
              ><i style="color: #606266; margin: 0 5px"
                >&lt; 重泡比范围(吨：方) &lt;=</i
              ><el-input v-model="formInlineEdit.maxzpfanwei"></el-input>
            </el-form-item>
          </div>
        </el-form>
      </div>
      <div class="footer">
        <div style="margin: 0 auto">
          <el-button
            id="orderSave"
            type="primary"
            plain
            size="mini"
            @click="openFullScreen"
            v-loading.fullscreen.lock="fullscreenLoading"
            >保存</el-button
          >
          <el-button id="orderCancel" @click="orderclose">取消</el-button>
        </div>
      </div>
    </el-drawer>
  </div>
</template>
<script>
export default {
  name: "Addwaybill",
  props: ["editPopshowFlag"],
  data() {
    return {
      direction: "rtl",
      fullscreenLoading: false, //loading遮罩层
      formInlineEdit: {},
    };
  },
  mounted() {},
  methods: {
    handleClose() {
      this.$emit("parentFlagEditShow", false);
    },
    //确定按钮走接口
    openFullScreen() {},
    //取消按钮函数
    orderclose() {
      this.$emit("parentFlagEditShow", false);
    },
  },
};
</script>
<style lang="less" scoped>
/deep/.form_content .el-form-item__label {
  width: 120px !important;
}
/deep/.form_content .el-form-item {
  width: 48% !important;
}
/deep/.kg_content .el-input {
  width: 180px !important;
}
/deep/.kg_content .el-form-item {
  width: 100% !important;
}
/deep/.color_bg .el-form-item__label {
  color: #ff0000 !important;
}
</style>
